<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>table模块快速使用</title>
    <link rel="stylesheet" href="../../layui/css/layui.css" media="all">
    <script src="../../js/jquery.min.js"></script>
</head>
<body>

<div class="x-nav">
</div>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md3">
            <div class="layui-panel">
                <ul class="layui-menu" id="docDemoMenu1">
                    <li class="layui-menu-item-divider"></li>
                    <li class="layui-menu-item-group layui-menu-item-up" lay-options="{type: 'group'}">
                        <div class="layui-menu-body-title">
                           基础信息 <i class="layui-icon layui-icon-up"></i>
                        </div>
                        <ul>
                            <li lay-options="{id: 1}">基本信息</li>
                            <li lay-options="{id: 1032}">
                                <div class="layui-menu-body-title">废汽排口</div>
                            </li>
                            <li lay-options="{id: 2}">
                                <div class="layui-menu-body-title">废水排口</div>
                            </li>
                            <li lay-options="{id: 3}">
                                <div class="layui-menu-body-title">噪声源</div>
                            </li>
                            <li lay-options="{id: 4}">
                                <div class="layui-menu-body-title">主要产品及规模</div>
                            </li>
                        </ul>
                    </li>
                    <li class="layui-menu-item-divider"></li>
                    <li class="layui-menu-item-group layui-menu-item-up" lay-options="{type: 'group'}">
                        <div class="layui-menu-body-title">
                            排污信息 <i class="layui-icon layui-icon-up"></i>
                        </div>
                        <ul>
                            <li lay-options="{id: 5}">
                                <div class="layui-menu-body-title">废水排放信息</div>
                            </li>
                            <li lay-options="{id: 6}">
                                <div class="layui-menu-body-title">废气排放信息</div>
                            </li>
                            <li lay-options="{id: 7}">
                                <div class="layui-menu-body-title">固废排放信息</div>
                            </li>
                            <li lay-options="{id: 8}">
                                <div class="layui-menu-body-title">噪声排放信息</div>
                            </li>

                        </ul>
                    </li>
                    <li class="layui-menu-item-divider"></li>
                    <li class="layui-menu-item-group layui-menu-item-up" lay-options="{type: 'group'}">
                        <div class="layui-menu-body-title">
                           防治污染设施建设<i class="layui-icon layui-icon-up"></i>
                        </div>
                        <ul>
                            <li lay-options="{id: 9}">
                                <div class="layui-menu-body-title">水污染治理设施建设和运营情况</div>
                            </li>
                            <li lay-options="{id: 11}">
                                <div class="layui-menu-body-title">废气排放信息</div>
                            </li>
                            <li lay-options="{id: 7}">
                                <div class="layui-menu-body-title">固废排放信息</div>
                            </li>
                            <li lay-options="{id: 8}">
                                <div class="layui-menu-body-title">噪声排放信息</div>
                            </li>
                            <li lay-options="{id: 9}">
                                <div class="layui-menu-body-title"></div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div class="layui-col-md9">
            <div class="layui-card" id="right">

            </div>
        </div>
    </div>
</div>
</body>

<script src="../../layui/layui.js"></script>
<script>
    layui.use(['table','laydate','form','dropdown'], function(){
        var dropdown = layui.dropdown;
        //菜单点击事件，其中 docDemoMenu1 对应的是菜单结构上的 id 指
        dropdown.on('click(docDemoMenu1)', function(options){
            // var othis = $(this); //当前菜单列表的 DOM 对象
            console.log(options.id); //菜单列表的 lay-options 中的参数
            if(options.id == 5){
                $("#right").load("../../html/document/pollution-info/water.html")
            }
            if(options.id == 6){
                $("#right").load("../../html/document/pollution-info/gas.html")
            }
            if(options.id == 7){
                $("#right").load("../../html/document/pollution-info/solid.html")
            }
            if(options.id == 8){
                $("#right").load("../../html/document/pollution-info/noise.html")
            }
            if(options.id == 9){
                $("#right").load("../../html/document/pollution-govern-info/water/water-govern-list.html")
            }
            if(options.id == 10){
                $("#right").load("../../html/document/pollution-govern-info/water/water-govern-list.html")
            }
        });
    });
</script>
</body>
</html>